@charset "utf-8";
.d-name{height: 49px;overflow: hidden;border-bottom:1px solid #ddd;
    .d-vod-title{position: relative;height: 51px;line-height: 50px;font-size: 18px;z-index: 99;
        a{padding: 0 10px;border-left: 1px solid #fff;background: #dee2e5;float: left;height: 36px;line-height: 36px;margin-top: 14px;
            &:first-child{border-left: none;}
            &:hover,&.cur{color: #fff;background-color: #f60;}
        }
    }
    h1{display: inline-block;height: 40px;padding-top: 5px;font-size: 24px;font-weight: 400;color: #f60;display: inline-block;max-width: 620px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
        a{color: #f60;
            &:hover{color: #f30;}
        }
        strong{color: #666;font-size: 24px;}
    }
}
.d-name, .d-playinfo{
    .detail-sect{display: inline-block;vertical-align:top;height:34px;padding-top:10px;
        div{display: inline-block;height:22px;line-height:22px;}
        a{margin-left: 10px;display: inline-block;padding: 0 7px;color: #fff;background-color: #4d9cec;border-radius: 3px;border: 1px solid #4d9cec;
            &:hover{background-color: #1c81e7;}
            i{font-size: 14px;margin-right: 5px;}
        }
        .bdsharebuttonbox{
            a{
                &.shareWrap{background-image: none;font-size: 12px;margin: 0 0 0 10px;color: #fff;}
            }
        }
    }
}


.d-vod-pic{width: 208px;margin-right: 25px;
    a{display: block;position: relative;width: 208px;
        img{display: block;width: 208px;max-height: 308px;transition: all .2s ease-out;}
        i{position:absolute;left: 0;top: 0;width: 208px;height: 100%;line-height: 308px;opacity: 0;filter: Alpha(opacity=0);transition: opacity .3s linear;font-size: 72px;color: #000;text-align: center;z-index: 9;}
        &:hover{
            i{opacity: .8;filter: Alpha(opacity=80);}
            img{box-shadow: 3px 3px 2px rgba(222,222,222,.8);}
        }
    }
}

.d-vod-info{width: 635px;}
.d-vod-type{width: 430px;
    p{line-height: 2;font-size: 14px;overflow: hidden;
        span{color: #666;}
        em{color: #f60;}
        a{margin-right: 5px;transition:all .15s ease-out;
            &.d-comment{margin-right: 0;height: 24px;line-height: 24px;padding: 0 10px;display: inline-block;color: #fff;background-color: #4d9cec;border-radius: 3px;border: 1px solid #4d9cec;}
            &.d-comment:hover{background-color: #1c81e7;}
            &.d-comment i{margin-right: 5px;}
            &.more{color: #999;}
        }
    }
    .d-play{
        a{display: inline-block;margin-right: 20px;font-size: 14px;
            &.play{padding: 0 20px;height: 36px;line-height: 36px;color: #fff;font-size: 16px;text-align: center;background-color: #f60;border-radius: 5px;}
            &.play:hover{background-color: #f14700;}
            .iconfont{font-size: 28px; color: #ff2d40; position: relative; top: -2px; margin-right: 5px;}
            .pan{margin-top: -2px;background-size: 26px 26px!important; width: 26px!important; height: 26px!important; float: none!important; display: inline-block!important; vertical-align: top;}
        }
        .d-other{display: inline-block;height: 30px;line-height: 30px;border: 1px solid #ddd;background-color: #f7f7f7;padding: 0 15px;visibility: hidden;
            b{font-size: 14px;}
            a{color: #37a;
                &:hover{color: #f60;}
                &:last-child{margin-right: 0;}
            }
        }
    }
}

.d-share{
    .bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more{margin-right: 4px!important;}
}

.qr-code-ico{color: gray;margin-top: 5px;cursor: pointer;
    .iconfont{font-size: 24px;}
}
.qr-code-ico-hover{color: #000;}
.qr-code{display: none;right:0;top:43px;width:160px;height:195px;background-color:#fff;z-index:999;text-align: center;border:1px solid #dee2e5;
    &:before,&:after{position:absolute;right:2px;top:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ddd;content:'';}
    &:after{top:-7px;border-bottom:8px solid #fff;}
    p{height:16px;line-height:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;
        em{color:#f60;}
    }
    .qr-code-box{width:160px;height:160px;overflow: hidden;
        img{margin-left:-20px;margin-top:-20px;margin-bottom:-22px;width:200px;height:200px;}
    }
}

.d-fen{width: 170px;padding-left: 15px;border-left: 1px solid #eaeaea;}


/* rating */
#rating{margin-top: 10px;;height: 20px;line-height: 20px;color: #111;
    span{float: left;}
    .rating{float: left;width: 95px;height: 16px;
        li{cursor: pointer;float:left;margin-right: 3px;width: 16px;height: 16px;text-indent: -9999px;background: url(../img/rating.png) 0 0 no-repeat;background-size: 16px auto;
            &.hover,&.active{background: url(../img/rating.png) 0 -16px no-repeat;background-size: 16px auto;}
        }
    }
    #ratewords{padding-left: 2px;} 
}

/* rating-box */
.rating-box{margin-top: 10px;display: none;}
.rating-kong-item{font-size: 14px;line-height: 40px;height: 40px;color: #AE172E;text-align: center;}
.rating-kong-item .loadingg{padding: 10px 20px;color: #666;font-size: 12px;background: url(../img/lazyload.gif) left center no-repeat;}
.rating-kong-item .nopingfen{padding: 0;color: #AE172E;font-size: 14px;background: none;}
/* rating-show */
.rating-show{width: 180px;
    li{height: 14px;overflow: hidden;float: left;clear: both;margin-top: 5px;
        span{float: left;margin-right: 5px;color: #999;}
        .power{float: left;width: 100px;height: 6px;margin-top: 4px;margin-right: 5px;background: #f5f5f5;}
        .power-item{width: 0;height: 6px;overflow: hidden;display: block;float: left;background: #ffd596;}
        em{line-height: 14px;float: left;font-size: 10px;color: #999;}
    }
}

.d-fennum{
    strong{float: left;width: 30%;font-size: 28px;}
    .d-people{line-height: 2;display: block;}
}

.d-des{line-height: 2;color: #111;
    p{margin-top: 5px;font-size: 13px;
        &.d-http{color: #999;}
    }
}

.d-vod-news li{position: relative;float: left;margin-top: 10px;margin-right: 15px;padding-bottom: 10px;width: 280px;}
.d-vod-news li:nth-child(3n){margin-right: 0;}
.d-vod-news li:after,.d-vod-news:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.d-vod-news li .d-vodnews-picbox{position: relative;width: 280px;height: 158px;overflow: hidden;border-radius: 5px;}
.d-vod-news li a.d-vodnews-pic{display: block;width: 280px;height: 158px;}
.d-vod-news li a.d-vodnews-pic img{width: 280px;border-radius: 5px;}
.d-vod-news li a.d-category{position: absolute;left: 0;top: 0;margin-bottom: 5px;padding: 3px 12px;background: #0bbc6b;font-size: 12px;color: #fff;border-top-left-radius: 5px;}
.d-vod-news li h2{margin-bottom: 5px;margin-top: 10px;height: 48px;color: #333;font-size: 14px;font-weight: 600;line-height: 24px;overflow: hidden;}

/*花絮*/
.d-vodnews li{position: relative;margin-top: 10px;padding-bottom: 10px;}
.d-vodnews li:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.d-vodnews li .d-vodnews-picbox{position: relative;margin-right: 20px;width: 240px;height: 135px;overflow: hidden;}
.d-vodnews li a.d-vodnews-pic{display: block;width: 240px;height: 135px;}
.d-vodnews li a.d-vodnews-pic img{width: 240px;}
.d-vodnews li a.d-vodnews-pic label{position: absolute;left: 0;bottom: 0;width: 240px;text-indent: 10px;height: 24px;line-height: 24px;background: rgba(0,0,0,.4);}
.d-vodnews li a.d-category{position: absolute;left: 0;top: 0;margin-bottom: 5px;padding: 3px 12px;background: #0bbc6b;font-size: 12px;color: #fff;}
.d-vodnews li h2{margin-bottom: 5px;color: #333;font-size: 16px;font-weight: 600;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-vodnews li p{color: #999;font-size: 12px;line-height: 20px;}
.d-vodnews li .d-source{position: absolute;bottom: 10px;left: 260px;color: #999;}

.d-zz{margin-top: -10px;margin-bottom: 5px;}
.d-zz h2 i,.d-nn h2 i{top: -3px;}
.d-item{margin-left:-12px;width:895px;}
.d-item a{position: relative;float: left;margin: 15px 11px 0 12px;width: 125px;}
.d-item a div{position: relative;z-index: 2;width: 125px;height: 165px;border-radius: 5px;overflow: hidden;}
.d-item a img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: auto;display: block;width: 125px;border-radius: 5px;-webkit-transition: transform .5s ease-out;-moz-transition: transform .5s ease-out;-o-transition: transform .5s ease-out;-ms-transition: transform .5s ease-out;transition: transform .5s ease-out;}
.d-item a em{position:absolute;left:0;top: 0;padding-right: 5px;width:30px;height:16px;line-height:16px;color:#fff;font-size:12px;text-align:center;background-color:#f60;border-top-left-radius: 5px;border-bottom-right-radius:15px;z-index: 3;}
.d-item a p{margin-top: 6px;height: 16px;line-height: 16px;color: #999;overflow: hidden;}
.d-item a h3{margin: .4rem 0;height:20px;line-height: 20px;font-size: 14px;font-weight: 600;color: #333;white-space: normal;overflow: hidden;}
/*.d-item a:hover h3{bottom: 0;}*/
.d-item a img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.d-item-list{margin-left:-15px;margin-bottom: 15px;width:900px;
    a{position: relative;float: left;margin: 15px;width: 150px;
        div{position: relative;z-index: 2;width: 150px;height: 200px;border-radius: 5px;overflow: hidden;}
        img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: auto;display: block;width: 150px;border-radius: 5px;transition: transform .5s ease-out;}
        p{margin-top: 6px;height: 16px;line-height: 16px;color: #999;overflow: hidden;}
        h3{margin: .4rem 0;height:20px;line-height: 20px;font-size: 14px;font-weight: 600;color: #333;white-space: normal;overflow: hidden;}
        &:hover{
            img{transform: scale(1.0699999);}
        }
    }
}

/*通用列表文字*/
.d-list-text{padding:0 8px 10px 12px;}
.d-list-text li{width: 190px;height: 32px;line-height: 32px;overflow: hidden;float: left;margin: 0 1px 1px 0;color: #ccc;padding: 0 10px;background-color: #f7f7f7;}
.d-list-text li a{margin: 0 6px;}
.d-list-text li a.gray{color: #666;}
.d-list-text li span{font-size: 12px;color: #f60;}

.d-warp-left{width: 870px;}

.d-play-list{margin-top: 10px;}

.d-play-box{position: relative;}
.d-player-list{width: 890px;margin-bottom: 10px;}

.bf i{float:left;margin-top: 5px;margin-right: 5px;width:20px;height:20px;background-repeat: no-repeat;background:url(../img/sprite_source.png) -240px -20px no-repeat;background-image:-webkit-image-set(url(../img/sprite_source@2x.png) 2x)}
.bf i.tudou {
    background-position: -40px 0
}
.bf i.youku {
    background-position: -20px 0
}
.bf i.iqiyi {
    background-position: -60px 0
}
.bf i.sohu {
    background-position: -20px -20px
}
.bf i.qq {
    background-position: 0 0
}
.bf i.letv{
    background-position: -140px 0
}
.bf i.pptv {
    background-position: -80px 0
}
.bf i.bilibili {
    background-position: -180px -20px
}
.bf i.acfun {
    background-position: -200px -20px
}
.bf i.sina {background-position: -100px 0}
.bf i.kankan{background-position:0 -20px}
.bf i.cntv{background-position:-60px -20px}
.bf i.m1905{background-position:-80px -20px}
.bf i.wasu{background-position:-100px -20px}
.bf i.mgtv{background-position:-160px -20px}
.bf i.baofeng{background-position:-140px -20px}

/*
.qq{background-position:0 0}
.youku{background-position:-20px 0}
.icon_source_tudou{background-position:-40px 0}
.icon_source_iqiyi{background-position:-60px 0}
.icon_source_pptv{background-position:-80px 0}
.icon_source_sina{background-position:-100px 0}
.icon_source_pps{background-position:-120px 0}
.icon_source_letv{background-position:-140px 0}
.icon_source_ku6{background-position:-160px 0}
.icon_source_56{background-position:-180px 0}
.icon_source_baomihua{background-position:-200px 0}
.icon_source_fengxing{background-position:-220px 0}
.icon_source_kumi{background-position:-240px 0}
.icon_source_kankan{background-position:0 -20px}
.icon_source_sohu{background-position:-20px -20px}
.icon_source_ifeng{background-position:-40px -20px}
.icon_source_cntv{background-position:-60px -20px}
.icon_source_m1905{background-position:-80px -20px}
.icon_source_wasu{background-position:-100px -20px}
.icon_source_17173{background-position:-120px -20px}
.icon_source_baofeng{background-position:-140px -20px}
.icon_source_mgtv{background-position:-160px -20px}
.icon_source_bilibili{background-position:-180px -20px}
.icon_source_acfun{background-position:-200px -20px}
.icon_source_tangdou{background-position:-220px -20px}*/

/*分页*/

.d-player-list>a.Hide{display: none;}
.d-player-list .Navs a,.d-player-list .fortab a,.d-player-list .Df a,.d-player-list>a,.d-down a{position: relative;float:left;padding:0 5px;width: 60px;height:30px;line-height:30px;color: #f60;border-radius:3px;text-align: center;font-size: 14px;margin-right:16.7px;margin-top:8px;overflow: hidden;}
.d-player-list .Df a.more,.d-player-list .fortab a.more,.d-player-list>a.more{background-color: #f90;color: #fff;width: 148.7px;}
.d-player-list .Navs a{width:80px;margin-right: 5px;}
.d-player-list .Navs a.active{background-color: #f60;color: #fff;}
.d-player-list .Navs a.active:before{content:'';position: absolute;left: 50%;bottom:-5px;margin-left:-2.5px;width:0;height:0;border-left:5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #f60;}
.d-player-list .fortab{display: none;}
.d-player-list .fortab a,.d-player-list .Df a,.d-player-list>a,.d-down a{border: 1px solid #f60;}
.d-player-list .fortab a:hover,.d-player-list>a:hover,.d-player-list .Df a:hover,.d-down a:hover,.d-player-list>a.cur,.d-player-list .fortab a.cur,.d-player-list .Df a.cur,.d-down a.cur{background-color: #f60;color: #fff;}

.d-plot{margin-top: 10px;}
.d-plot-con{line-height: 1.8;font-size: 16px;}
.d-plot-con p{margin-bottom: 20px;}
.d-plot-list li{padding: 15px;margin-bottom: 20px;background-color: #f6f7fb;color: gray;line-height: 1.5em;}
.d-plot-list li h4{font-size: 16px;color: #404040;margin-bottom: 10px;}
.d-plot-list li p{font-size: 14px;margin-bottom: 5px;}

.d-storybox{border: 1px solid #e0e0e0;}
.d-storybox .d-list-text li{width: 402px;}

.d-storyinfo{font-size: 14px;}
.d-storytitle{height: 36px;line-height: 36px;border-bottom: 1px solid #e0e0e0;}
.d-storytitle span{float: right;}
.d-storytitle span a i{color: #333;}
.d-storytitle span a:hover i{color: #f60;}
.d-storytitle h4{display: inline-block;font-size: 16px;}
.d-storycon{color: #666;line-height: 24px;}
.d-storycon a{color: #f60;}
.d-storycon a:hover{color: #f30;}

/*分页*/
.uipages{overflow:hidden;text-align:center;margin:10px 0;clear:both;text-shadow:none;}
.uipages span.total,.uipages span.total{float: left;line-height: 35px;color:#555; margin-right:10px;}
.pagination {margin-left:10px;display:inline-block;  }
.pagination .pagego,.pagination .pagebtn{float:left; margin-left:10px;margin-top:5px;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #E35000;}
.pagination>li {display:inline}
.pagination>li>a, .pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index:3;color:#E35000;background-color:#eee;border-color:#ddd}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index:2;color:#fff;cursor:default;background-color: #E35000; border-color: #E35000;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a, .pagination-lg>li>span {padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a, .pagination-sm>li>span {padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {border-top-right-radius:3px;border-bottom-right-radius:3px}

/* 评论 */

.cmt .ui-input{width:100%;height:33px;line-height:33px;overflow:hidden;color:#333;font-size:14px;text-indent:10px;border:1px solid #ddd;padding:10px 0;background: url(../img/input.gif) 0 0 repeat-x;background-color: #fbfbfb;}
#cmt-input-bd .ui-textarea{height:72px;padding:8px;width:100%;outline:none;box-sizing: border-box;border-radius:4px 4px 0 0;}
#cmt-input-bd .ui-form-info{margin-top: -3px;height:36px;line-height:36px;overflow:hidden;background:#E9E9E9;border-radius:0 0 4px 4px;color:#969696}
#cmt-input-bd .ui-form-info p{margin:0;padding:0 15px 0 0}
#comment .ui-form-item{margin:0}
/* #comment .ui-bar{height:42px;overflow:hidden}
#comment .ui-bar .view-filter{float:left;height:24px;line-height:24px;overflow:hidden;margin-top:9px;color:#999;border:1px solid #FFF}
#comment .ui-bar .view-filter a{display:block;height:24px;overflow:hidden;padding:0 10px;float:left;border-radius:2px}
#comment .ui-bar .view-filter a:hover{text-decoration:none;background:#eee}
#comment .ui-bar .view-filter a.current{color:#fff;font-weight:700;background:#E35000;cursor:default} */
#cmt-input-bd .ui-form-info .ui-button{padding:0 20px;height:35px;line-height:35px;overflow:hidden;cursor:pointer;color:#fff;font-size:14px;font-weight:700;text-align:center;background:#888;border-radius:1px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}
#cmt-input-bd .ui-form-info a:hover.ui-button{background:#E35000}
#replongform{width:300px;padding:15px;overflow:hidden}
#replongform .ui-link-cnt{padding-top:5px}
#replongform .ui-link-cnt .ui-link{float:right}
.comment-list{margin:0 30px}
.comment-list .kong{padding:10px 0 2px 0;text-align:center}
.comment-focus{width:870px;padding:0 0 5px 0;overflow:hidden;margin:15px 0 0 0}
.ui-comment{width:870px;margin:-15px 0 0 0;overflow:hidden;}
.ui-comment .kong{margin:15px 0;text-align:center;font-size:14px}
.comment-item{width:870px;padding:15px 0 0 0;overflow:hidden}
.comment-time{width:52px;overflow:hidden;float:left}
.comment-time .date-time{display:block;color:#999;line-height:14px;text-align:left;width:49px;margin-top:4px;line-height:20px;font-weight:400;font-size:12px}
.comment-time .date-time strong{display:block;color:#999;line-height:14px;text-align:left;width:49px;margin-top:4px;line-height:20px}
.comment-post{width:810px;overflow:hidden;float:right}
.comment-post-arrow{width:10px;height:15px;overflow:hidden;margin-top:17px;float:left;position:relative;background:url(../img/comment-arrow.gif) 0 0 no-repeat}
.comment-post-cnt{width:779px;overflow:hidden;float:right;padding:10px;margin-left:-1px;border:1px solid #e3e3e3;background:#f9f9f9;border-radius:4px}
.ui-bar .ui-pages{margin-top:9px}
.ui-pages{height:24px;text-align:center}
.ui-pages a{height:24px;line-height:24px;display:inline-block;text-align:center;margin:0 1px;padding:0 10px;color:#fff;font-weight:700;overflow:hidden;vertical-align:middle;background:#E35000;border:1px solid #fff}
.ui-pages a:hover{height:24px;line-height:24px;display:inline-block;text-align:center;margin:0 1px;padding:0 10px;color:#fff;font-weight:700;overflow:hidden;vertical-align:middle;background:#829225;border:1px solid #fff}
.ui-pages span,.ui-pages em,.ui-pages label,.ui-pages .pagego,.ui-pages .pagebtn{height:24px;line-height:24px;display:inline-block;text-align:center;margin:0 1px;padding:0 10px;color:#fff;font-weight:700;overflow:hidden;vertical-align:middle;background:#999;border:1px solid #fff}
.comment-avatar{width:55px;float:left;overflow:hidden}
.comment-avatar img{display:block;width:55px;height:55px;overflow:hidden;border-radius:2px;background-color:#eee;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;}
.comment-lou{ text-align:center; margin:5px;color: #999;}
.comment-body{width:100%;overflow:hidden;}
.comment-text,.comment-top{line-height:25px;font-size:14px;word-wrap:break-word}
.comment-sub{ margin:15px 10px 10px 10px; padding:10px;background:#FFF;border:1px solid #e3e3e3;border-radius:4px;}
.comment-sub .sublou{ margin-right:10px;}
.comment-top span.time{float:right;color: #999;}
.comment-assist a:hover,.comment-top .user,.comment-top a{color:#E35000}
.comment-text em{margin-right:5px}
.comment-assist{height:14px;line-height:14px;overflow:hidden;margin-top:8px;padding-right:4px}
.comment-assist a{color:#999}
.comment-assist span a{margin-right:10px}
.comment-replay{margin-top:5px;overflow:hidden}
.comment-replay-arrow{width:17px;height:10px;overflow:hidden;position:relative;margin:0 0 0 97%;background:url(../img/comment-arrow.gif) -10px 0 no-repeat}
.cmt-forward .cmt-replay-arrow{margin:0 0 0 15px}
.comment-replay-cnt{overflow:hidden;padding:10px;margin-top:-1px;border:1px solid #e3e3e3;background-color:#fbfbfb;border-radius:2px}
.comment-replay .ui-textarea{width:99%;height:60px;line-height:20px;border-color:#ccc;background:url(../img/input-focus.gif) 0 0 repeat-x #fff}
.comment-replay-assist{height:30px;line-height:30px;overflow:hidden;padding-top:4px}
.comment-replay-assist p{float:left}
.comment-replay-assist .ui-button{float:right;margin:0;height:28px;line-height:28px;font-size:12px;background:#666;padding:0 10px;color:#FFF}
.comment-box{margin:0 0 0 70px;padding:6px 10px;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.comment-name{height:24px;line-height:24px;color:#AE172E}
.comment-name a,.comment-review .comment-name a:hover,.comment-cnt a{color:#AE172E}
.comment-review .comment-name a{color:#333;font-size:14px;font-weight:bold}
.comment-cnt{color:#333;line-height:20px;font-size:12px}
.comment-review .comment-cnt{font-size:14px;line-height:24px;padding:5px 0 3px 0}
.comment-do{height:24px;line-height:24px;overflow:hidden;font-size:12px;margin:5px 0 0 0;font-family:"Microsoft YaHei",Arial,sans-serif}
.comment-do em{color:#ccc;margin:0 3px}
.comment-do .date-time{color:#999}
.comment-do .date-time a{color:#AE172E;margin:0 5px 0 0}
.comment-do strong,.comment-do .date-time{font-family:"Microsoft YaHei",Arial,sans-serif}
.comment-do strong{font-size:11px;-webkit-text-size-adjust:none}
.comment-reply{padding-bottom:15px;overflow:hidden}
.comment-reply li{padding:10px 0 0 70px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}

.emotion{background:url(../img/emot.gif) no-repeat scroll 2px 2px; cursor:pointer; height:20px; padding-left:20px; width:42px;
    &:hover{background-position:2px -28px}
}
.smileBoxOuter{background-color:#f5f5f5; border:1px solid #dcdcdc; clear:both; height:176px; padding:12px; position:absolute; width:386px; display:none; z-index:9999}
.smileBox{width:386px; height:140px;
    li{width:36px; height:36px; float:left; margin:-1px 0 0 -1px; padding:0; border-bottom:0;
        a{background:url(../img/static.gif) no-repeat #fff; width:34px; height:34px; display:block; border:1px solid #dcdcdc;
            &:hover{border:1px solid #f04848; background-color:#f9f9f9; position:relative; z-index:2}
            &.smile2{background-position:-34px 0}
            &.smile3{background-position:-68px 0}
            &.smile4{background-position:-102px 0}
            &.smile5{background-position:-136px 0}
            &.smile6{background-position:-170px 0}
            &.smile7{background-position:-204px 0}
            &.smile8{background-position:-238px 0}
            &.smile9{background-position:-272px 0}
            &.smile10{background-position:-306px 0}
            &.smile11{background-position:-340px 0}
            &.smile12{background-position:-374px 0}
            &.smile13{background-position:-408px 0}
            &.smile14{background-position:-442px 0}
            &.smile15{background-position:-476px 0}
            &.smile16{background-position:-510px 0}
            &.smile17{background-position:-544px 0}
            &.smile18{background-position:-578px 0}
            &.smile19{background-position:-612px 0}
            &.smile20{background-position:-646px 0}
            &.smile21{background-position:-680px 0}
            &.smile22{background-position:-714px 0}
            &.smile23{background-position:-748px 0}
            &.smile24{background-position:-782px 0}
            &.smile25{background-position:-816px 0}
            &.smile26{background-position:-850px 0}
            &.smile27{background-position:-884px 0}
            &.smile28{background-position:-918px 0}
            &.smile29{background-position:-952px 0}
            &.smile30{background-position:-986px 0}
            &.smile31{background-position:-1020px 0}
            &.smile32{background-position:-1054px 0}
            &.smile33{background-position:-1088px 0}
            &.smile34{background-position:-1122px 0}
            &.smile35{background-position:-1156px 0}
            &.smile36{background-position:-1190px 0}
            &.smile37{background-position:-1224px 0}
            &.smile38{background-position:-1258px 0}
            &.smile39{background-position:-1292px 0}
            &.smile40{background-position:-1326px 0}
            &.smile41{background-position:-1360px 0}
            &.smile42{background-position:-1394px 0}
            &.smile43{background-position:-1428px 0}
            &.smile44{background-position:-1462px 0}
            &.smile45{background-position:-1496px 0}
            &.smile46{background-position:-1530px 0}
            &.smile47{background-position:-1564px 0}
            &.smile48{background-position:-1598px 0}
            &.smile49{background-position:-1632px 0}
            &.smile50{background-position:-1668px 0}
            &.smile51{background-position:-1702px 0}
            &.smile52{background-position:-1736px 0}
            &.smile53{background-position:-1768px 0}
            &.smile54{background-position:-1802px 0}
            &.smile55{background-position:-1836px 0}
            &.smile56{background-position:-1870px 0}
            &.smile57{background-position:-1904px 0}
            &.smile58{background-position:-1938px 0}
            &.smile59{background-position:-1972px 0}
            &.smile60{background-position:-2006px 0}
            &.smile61{background-position:-2040px 0}
            &.smile62{background-position:-2074px 0}
            &.smile63{background-position:-2108px 0}
            &.smile64{background-position:-2142px 0}
            &.smile65{background-position:-2176px 0}
            &.smile66{background-position:-2210px 0}
            &.smile67{background-position:-2244px 0}
            &.smile68{background-position:-2278px 0}
            &.smile69{background-position:-2312px 0}
            &.smile70{background-position:-2346px 0}
            &.smile71{background-position:-2380px 0}
            &.smile72{background-position:-2414px 0}
            &.smile73{background-position:-2448px 0}
            &.smile74{background-position:-2482px 0}
            &.smile75{background-position:-2516px 0}
            &.smile76{background-position:-2550px 0}
            &.smile77{background-position:-2584px 0}
            &.smile78{background-position:-2618px 0}
            &.smile79{background-position:-2652px 0}
            &.smile80{background-position:-2686px 0}
            &.smile81{background-position:-2720px 0}
            &.smile82{background-position:-2754px 0}
            &.smile83{background-position:-2788px 0}
            &.smile84{background-position:-2822px 0}
        }
    }
}
.smilePage{text-align:right; width:384px; line-height:24px; padding-top:12px;
    a{display:inline-block; width:24px; height:24px; margin-left:10px; text-align:center;border-radius:2px;
        &:hover,&.current{background-color:#f04848; color:#fff; font-weight:bold; text-decoration:none}
    }
}

/*右边*/
.d-warp-right{width: 305px;}
.d-warp-right h3{height: 30px;font-size: 18px;margin-bottom: 10px;color: #f60;}
.d-warp-right h3 a{color: #f60;}

.d-warp-right .d-actor{margin-left: -6px;width: 310px;margin-bottom: 15px;overflow: hidden;}
.d-warp-right .d-actor li{float: left;margin-left: 7px;margin-bottom: 7px;width: 96px;font-size: 12px;text-align: center;}
.d-warp-right .d-actor li img{width: 96px;height: 136px;display: block;margin-bottom: 5px;}
.d-warp-right .d-actor li p a{color: #999;font-size: 12px;}

.d-warp-ad{margin-bottom: 20px;}

.d-rank-tab{width: 100%;height: 30px;margin-bottom: 5px;}
.d-rank-tab li{float: left;margin-right: 20px;font-size: 16px;cursor: pointer;}
.d-rank-tab li.cur{color: #f60;}
.d-rank li{height: 30px;line-height: 30px;margin-bottom: 5px;}
.d-rank li em{display: inline-block;width: 30px;font-size: 20px;color: #afafaf;}
.d-rank li em.d-rank-top{color: #f60;}
.d-rank li a{display:inline-block;;width: 160px;padding-left: 10px;color: #404040;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-rank li span{display: inline-block;width: 70px;font-size: 14px;color: gray;text-align: right;}

.d-right-info img{float: left;margin-right: 10px;width: 100px;}
.d-right-info .d-bd h4{line-height: 20px;}
.d-juqing-star{margin-top: 10px;color: #666;}



/*列表检索*/
.d-list-type,.d-star-type{margin-top:10px;background-color:#FFF;border-color:#9a9a9a #e5e5e5 #e5e5e5;border-style:solid;border-width:2px 1px 1px;}
.d-list-nav{background-color:#f2f2f2;border-bottom:1px solid #e5e5e5;height:36px;line-height:36px}
.d-list-nav h2{background-color:#f8f8f8;border-right:1px solid #e5e5e5;color:#000;font-weight:600;letter-spacing:5px;text-align:center;width:114px;float:left;}
.d-list-nav .d-list-tool{background-color:#f2f2f2;float:right;overflow:hidden;width:89%}
.d-list-nav .d-list-tool span a{background-color:#e5e5e5;border-radius:2px;font-size:12px;padding:4px 7px}
.d-list-nav .d-list-tool span{float:right;margin-right:10px}
.d-list-nav .d-list-tool .name{color:#666;font-weight:400;line-height:42px;margin-left:0;text-align:left;width:180px;word-spacing:1em}
.d-list-nav .d-list-tool .word{background:url(../img/letter.png) 0 0 no-repeat;display:block;height:26px;margin:4px 15px 0 0;width:70px;
    &:hover{background-position: -79px 0;}
}

.conbread li {float: left;position: relative;padding: 4px;padding-right: 30px;margin-top: 6px;margin-right: 20px;height: 16px;line-height: 16px;background: #ff6a1f;color: #fff;}
.conbread li i {cursor: pointer;right: 0;top: 0;position: absolute;width: 24px;height: 24px;text-align: center;display: block;line-height: 24px;background: #ccc;}
.conbread li i a{color: #999;}
.conbread li i:hover a{color: #f60;}

.d-type-box{clear:both;overflow:hidden;padding:10px}
.d-type-list{border-bottom:1px dotted #eee;overflow:hidden}
.d-type-list h5{color:#333;float:left;font-weight:600;height:24px;line-height:24px;overflow:hidden;text-align:right;width:5%}
.d-type-list ul{float:right;width:94%}
.d-type-list li{float:left;height:24px;line-height:24px;margin:5px 5px 5px 0;overflow:hidden}
.d-type-list a{border-radius:2px;color:#333;display:inline-block;padding:0 5px}
.d-type-list a:hover{background-color:#f60;color:#fff;text-decoration:none}
.d-type-list a.current,.d-type-list a.current:hover{background-color:#f60;color:#fff;cursor:default;text-decoration:none}
.d-star-left{background-color: #f7f7f7;border-right-color:#e5e5e5;border-right-style:solid;border-right-width:1px;float:left;width:897px}
.d-star-list{border-color:#f60 #e5e5e5 #e5e5e5 #e5e5e5;border-style:solid;border-width:2px 1px 1px 1px;margin-top:15px}
.d-star-fliter,.star_list_nav{background-color:#fff;border-bottom:1px solid #e5e5e5;height:36px;}
.list_s_im{float:left;line-height:36px; margin-right:10px; width:180px;}
.list_s_im a.poster_btn{float:left;border:none;height:28px;padding-left: 25px;background-image: url(../img/view-mode.gif);background-repeat: no-repeat;background-position: 10px -17px;background-color: #333;line-height: 28px; width:60px; color:#FFF}
.list_s_im a.list_btn{float:left;border:none;height:28px;padding-left: 25px;background-image: url(../img/view-mode.gif);background-repeat: no-repeat;background-position: 10px -67px;background-color:#333;line-height: 28px;width:60px;color:#FFF}

.list_s_im .poster_btn.currt{background-color: #f60;}
.list_s_im a:hover.poster_btn{background-color: #f60;}
.list_s_im .list_btn.currt{background-color: #f60;}
.list_s_im a:hover.list_btn{background-color: #f60;}

.d-star-fbox{float:left;line-height:35px;}
.d-star-fbox span{float:left;line-height:30px;}
.d-star-fbox a{border:1px solid #e1e1e1;color:#666;display:block;float:left;height:26px;line-height:26px;margin-right:8px;text-align:center; padding-left:8px; padding-right:8px;}
.d-star-fbox .curr,.d-star-fbox a:hover{background-color:#f60;color:#fff}
.d-star-fbox em{color:#900;font-weight:600}

.d-pop{position:absolute;display:none;z-index:99;
    .d-box{margin-left: 15px;width: 335px;background-color: #fff;border: 1px solid #999;
        .d-popinfo{padding: 20px 25px;
            h3{font-size: 18px;line-height: 1.4;}
            .rank{margin-top: 3px;
                strong{color: #f60;}
            }
            .meta{
                a,span{float: left;margin: 0 8px 8px 0;padding: 2px 10px 3px;background-color: #f5f5f5;font-size: 13px;color: #666;border-radius: 12px;word-break: keep-all;white-space: nowrap;
                    &:hover{background-color: #f60;color: #fff;}
                    &.green{color: #fff;background-color: #66c056;}
                }
            }
            .collect-area{margin-top: 10px;
                a{display: inline-block;margin-right: 5px;padding: 2px 14px 1px;border-radius: 2px;border: 1px solid #bbb;color: #111;}
            }
        }
        .comment{padding: 20px 25px;border-top: 1px solid #ddd;background-color: #f5f5f5;font-size: 13px;line-height: 1.62;}
    }
    .detail-sect{display: inline-block;vertical-align:top;height:34px;padding-top:10px;
        div{display: inline-block;height:22px;line-height:22px;
            a{margin-right: 10px;display: inline-block;padding: 0 7px;color: #fff;background-color: #4d9cec;border-radius: 3px;border: 1px solid #4d9cec;
                &:hover{background-color: #1c81e7;}
                i{font-size: 14px;margin-right: 5px;}
            }
        }
    }
}


.playbg {
    padding: 20px 0;
    overflow: hidden;
    background: #f6f9fa;
    font-size: 14px;
}
.play-top {
    height: 40px;
    line-height: 40px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
    background: #1f1f1f;
    .pos {
        margin-left: 12px;
        color: #aaa;
        a{color: #aaa}
        span {color: #f56a00}
    }
    .fr{margin-right: 12px;
        .playicon{display: none;}
        a{color: #aaa;}
        .tougao{color: #ccc;margin-right: 15px;}
    }
}

.play-box {
    position: relative;
    overflow: hidden;
    background: #1f1f1f;
    .playerbox{position: relative;padding: 12px;height: 500px;width: 850px;background-color: #000;color: #aaa;
        h3{font-size: 14px;}
        .playlist{
            a{margin-right: 10px;margin-top: 10px;background-color: #fff;display: inline-block;width: 271px;border-radius: 5px;padding: 0 0 0 5px;height: 30px;line-height: 30px;font-size: 12px;
                &:nth-child(3n){margin-right: 0;}
                &>span{
                    &>span{display: inline-block;line-height: 20px;height: 20px;padding: 0 8px;border-radius: 4px;border: 1px solid #e9e9e9;background: #f3f3f3;font-size: 12px;-webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);transition: all .3s cubic-bezier(.215,.61,.355,1);opacity: 1;margin-right: 5px;cursor: pointer;white-space: nowrap;
                        &.ad{color: #f5222d;background: #fff1f0;border-color: #ffa39e;}
                        &.noad{color: #52c41a;background: #f6ffed;border-color: #b7eb8f;}
                        &.vip{color: #fa8c16;background: #fff7e6;border-color: #ffd591;}
                        &.down{color: #2f54eb;background: #f0f5ff;border-color: #adc6ff;}
                        &.hd{color: #1890ff;background: #e6f7ff;border-color: #91d5ff;}
                        &.no{color: #eb2f96;background: #fff0f6;border-color: #ffadd2;}
                        &.pan{color: #13c2c2;background: #e6fffb;border-color: #87e8de;}
                        &.torrent{color: #faad14;background: #fffbe6;border-color: #ffe58f;}
                        &.magnet{color: #722ed1;background: #f9f0ff;border-color: #d3adf7;}
                        &.online{color: #fa541c;background: #fff2e8;border-color: #ffbb96;}
                    }
                }
            }
        }
        .money{padding: 10px;width: 828px;text-align: center;background-color: #333;position: absolute;bottom: 12px;}
    }
    .play-box-right{width: 300px;margin-right: 12px;
        .w300-250{width: 300px;height: 250px;background-color: #ddd;}
    }
    .book {
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        background: #252525
    }
}

.play-info {
    padding: 15px 12px;
    overflow: hidden;
    background: #fff;
    .line {
        margin: 15px 0;
        width: 100%;
        height: 1px;
        overflow: hidden;
        font-size: 0;
        background: #e5e9ef;
    }
    .info-1 {
        .btns {
            a {
                display: block;
                float: left;
                height: 30px;
                line-height: 30px;
                border-radius: 3px;
                border: 1px #e5e9ef solid;
                padding: 0 7px;
                margin-right: 10px;
                overflow: hidden;
                i{color: #333;
                    &.mr{margin-right: 5px;}
                    &.digg,&.fav{position: relative;top: -2px;}
                }
                &:hover,&:hover i {
                    border-color: #f56a00;
                    background: #f56a00;
                    color: #fff
                }
            }
        }
        .tips {
            position: relative;
            width: 450px;
            height: 32px;
            line-height: 16px;
            overflow: hidden;
            em{margin: 0 3px;color: #f56a00;}
            i{
                height: 30px;
                float: left;
                width: 30px;
                line-height: 30px;
                color: #666;
                background-color: #eee;
                text-align: center;
                border-radius: 50%;
                margin-top: 1px;
                margin-right: 10px;}
        }
    }
    .info-2 {
        height: 50px;
        border-radius: 3px;
        overflow: hidden;
        background: #fef3eb;
        .tabs {
            width: 100px;
            height: 50px;
            line-height: 50px;
            border-radius: 3px;
            overflow: hidden;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            color: #fff;
            background: #f56a00;
        }
        .ico {
            width: 0;
            height: 0;
            margin-top: 21px;
            border-width: 4px;
            border-style: solid;
            border-color: transparent transparent transparent #f56a00;
        }
        .desc {
            width: 1056px;
            padding-top: 5px;
            height: 40px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }
    }
}

.tab_conbox a, .ep-page li {
    position: relative;
    float: left;
    padding: 0 5px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    color: #f60;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    margin-right: 16.7px;
    margin-top: 8px;
    border: 1px solid #f60;
}
.ep-page li{border-color: transparent}

.ep-page li.active {
    background-color: #f60;
    color: #fff
}

.ep-page li.active:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -2.5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f60
}

.tab_conbox a.cur,.tab_conbox a:hover {
    background-color: #f60;
    color: #fff
}